<template>
  <div class="app-container">
    <Layout>
      <template #left>
        <div class="aside"><SiteAside /></div>
      </template>
      <template #default><RouterView /></template>
    </Layout>
    <ToTop />
  </div>
</template>

<script>
import SiteAside from "./components/SiteAside/index.vue";
import Layout from "./components/Layout/index.vue";
import ToTop from "./components/toTop/index.vue";
export default {
  components: {
    SiteAside,
    Layout,
    ToTop,
  },
};
</script>

<style lang="less" scoped>
@import "./styles/mixin.less";
.app-container {
  .self-fill(fixed);
  .aside {
    width: 250px;
    height: 100%;
  }
}
</style>


